<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no" />
    <title>商家首页</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <style>
        body {
            background: #f3f3f3;
        }
        .bigPic .divPrice {
            color: #ec2e2e;
            font-weight: bold;
            text-align: left;
            padding-left: 10px !important;
            font-size: 14px;
        }
        .bigPic .divBuy {
            text-align: right;
            padding-right: 10px !important;
            color: #4c4c4c;
            /*font-weight: bold;*/
            font-size: 12px;
            float: right !important;
        }
        .bigPic .divPrice, .divBuy {
            padding: 5px;
            overflow: hidden;
        }
        .bigPic .w50 {
            width: 50%;
            float: left;
        }
        .aui-ellipsis-2 {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            word-wrap: break-word;
            white-space: normal !important;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        .aui-list-view-cell {
            border-radius: 2px;
        }
        .proInfo .aui-img-body{
            height:52px;
        }
        /*//一行两列样式*//**/
        .bigPic.aui-list-view.aui-grid-view {
            padding: 0 !important;
            background: #f3f3f3;
        }
        .bigPic.aui-list-view.aui-grid-view .aui-list-view-cell {
            padding: 0 !important;
        }
        .bigPic .aui-col-xs-6:nth-of-type(2n+1) {
            margin-right: 1%;
        }
        .bigPic.aui-list-view.aui-grid-view .aui-list-view-cell .aui-img-body {
            margin: 0 0 0 5px;
            margin-bottom: 1px;
            text-align: left;
        }
        .bigPic li {
            background: #fff !important;
            margin-bottom: 8px;
        }
        .bigPic .aui-col-xs-6 {
            width: 49.5%;
        }
        .bigPic .line {
            width: 90%;
            margin-left: 5%;
        }
        /*一行一列样式*/
        .smallPic .proPic {
            width: 100%;
        }
        .smallPic .divPrice {
            color: #ec2e2e;
            font-weight: bold;
            text-align: left;
            padding-left: 10px !important;
            font-size: 14px;
        }
        .smallPic .divBuy {
            text-align: right;
            padding-right: 10px !important;
            color: #9c9c9c;
            /*font-weight: bold;*/
            font-size: 12px;
            float: right !important;
        }
        .smallPic .divPrice {
            padding: 5px;
            /*padding-top:0px;*/
            overflow: hidden;
            position: absolute;
            bottom: 8px;
        }
        .smallPic .divBuy {
            padding: 5px;
            padding-left: 9px;
            overflow: hidden;
            position: absolute;
            bottom: 30px;
        }
        .smallPic .w50 {
            width: 100%;
            /*float: left;*/
            text-align: left !important;
            line-height: 1;
        }
        .smallPic.aui-list-view.aui-grid-view {
            padding: 0 !important;
            background: #f3f3f3;
        }
        .smallPic.aui-list-view.aui-grid-view .aui-list-view-cell {
            padding: 0 !important;
            padding: 8px !important;
        }
        .smallPic .proPic {
            width: 30%;
            float: left;
        }
        .smallPic .proInfo {
            width: 70%;
            float: left;
        }
        .smallPic .aui-border-b:after {
            border: none;
        }
        .smallPic .aui-col-xs-6:nth-of-type(2n+1) {
            margin-right: 0%;
        }
        .smallPic.aui-list-view.aui-grid-view .aui-list-view-cell .aui-img-body {
            margin: 0px 10px 0 10px;
            text-align: left;
        }
        .smallPic li {
            background: #fff !important;
            margin-bottom: 10px;
        }
        .smallPic .aui-col-xs-6 {
            width: 100%;
        }
        .contain {
            padding: 10px 0 0 0;
        }
        .mui-backdrop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 998;
            background-color: rgba(0,0,0,.3);
        }

    </style>
</head>
<body>
<div class="aui-content-padded contain gongchang">
    <div class="prolist">
        <ul class="aui-list-view aui-grid-view bigPic">
            <li class="aui-list-view-cell aui-img aui-col-xs-6">
                <div class="proPic"><img class="aui-img-object" src="../image/pro.png">
                </div>
                <div class="proInfo">
                    <div class="aui-img-body  aui-ellipsis-2">
                        图文列表图
                    </div>
                    <div class="aui-border-b line"></div>
                    <div class="divBuy  zfhuise">
                        成交<span class="num">5550</span>笔
                    </div>
                    <div class="divPrice  zfBlue">
                        ￥<span class="price ">55.0</span>
                    </div>
                </div>
            </li>
            <li class="aui-list-view-cell aui-img aui-col-xs-6">
                <div class="proPic"><img class="aui-img-object" src="../image/pro.png">
                </div>
                <div class="proInfo">
                    <div class="aui-img-body  aui-ellipsis-2">
                        图文列表图文列表图文列表图文列表
                    </div>
                    <div class="aui-border-b line"></div>
                    <div class="divBuy  zfhuise">
                        成交<span class="num">5550</span>笔
                    </div>
                    <div class="divPrice  zfBlue">
                        ￥<span class="price ">55.0</span>
                    </div>
                </div>
            </li>
            <li class="aui-list-view-cell aui-img aui-col-xs-6">
                <div class="proPic"><img class="aui-img-object" src="../image/pro.png">
                </div>
                <div class="proInfo">
                    <div class="aui-img-body  aui-ellipsis-2">
                        图文列表图文列表图文列表图文列表
                    </div>
                    <div class="aui-border-b line"></div>
                    <div class="divBuy  zfhuise">
                        成交<span class="num">555000000</span>笔
                    </div>
                    <div class="divPrice  zfBlue">
                        ￥<span class="price ">55.0</span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
</body>
<script type="text/javascript" src="../script/api.js" ></script>
<script type="text/javascript" src="../script/doT.min.js"></script>
<script type="text/javascript" src="../script/echo.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/myInfo.js"></script>
<script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
<!-- <script type="text/javascript" src="../script/mui.min.js"></script> -->
<script type="text/javascript" src="../script/mui.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();
        // getData();
        var searchValue=api.pageParam.searchValue;
        if(searchValue){
            alert(searchValue);
        }
        api.setRefreshHeaderInfo({
            visible : true,
            loadingImg : 'widget://image/ptr_pull.png',
            bgColor : '#efeff4',
            textColor : '#959595',
            textDown : '下拉刷新',
            textUp : '松开刷新',
            showTime : true
        }, function(ret, err) {
            page = 1;
            //getData();
            api.refreshHeaderLoadDone();
        });
        //重新登录监听
        api.addEventListener({
            name : 'reGetMyInfo'
        }, function(ret) {
            if (ret && ret.value) {
                page = 1;
                getData();
            }
        });
    }
    function changeView(viewType) {
        if (viewType == "bigPic") {
            //一行两列
            $(".contain").find("." + viewType).addClass("smallPic");
            $(".contain").find("." + viewType).removeClass(viewType);
            $(".aui-icon-cascades").addClass("iConent");
        } else if (viewType == "smallPic") {
            //一行一列
            $(".aui-icon-cascades").removeClass("iConent");
            $(".contain").find("." + viewType).addClass("bigPic");
            $(".contain").find("." + viewType).removeClass(viewType);
        }
    }
    //来自win的执行显示遮罩方法
    var mask2;
    function showMask(){
        mask2=new mui.createMask(closeWinMask);
        mask2.show();
    }
    // 接收来自win的关闭遮罩
    function hideFrmMask(){
        mask2.myclose();
    }
    function closeWinMask(){
        api.execScript({
            name: 'my/myShop_win',
            script: 'closeWinMask()'
        })
    }
</script>
</html>